.three-demo-view{
    display: flex;
    width: 100%;
    height: 100%;
    flex-flow: column nowrap;
    position: relative;

    .attr-tag{
        position: absolute;
        padding: 20px;
        bottom: 0;

        .attr-box{
            width: 200px;
            height: 165px;
            padding: 20px;
        }
    }

    .attr-data{
        position: absolute;
        padding: 20px;
        width: 100%;

        .attr-data-box{
            padding: 12px;
            text-align: center;
            .attr-data-content{
                color: #f3f706;
                font-size: 28px;
                font-weight: 900;
            }
            .attr-data-title{
                color: white;
                font-size: 14px;
                margin-top: -8px;
            }
        }
    }

    .change-camera{
        position: absolute;
        padding: 20px;
        bottom: 0;
        width: 100%;

        display: flex;
        flex-flow: row nowrap;
        justify-content: center;
        align-content: center;

        div{
            background: rgb(68 66 66);
            border-radius: 20px;
            padding: 7px 8px;
            margin-left: 10px;

            img{
                width: 25px;
            }
        }
    }

    .change-dev-left{
        left: 0;
        position: absolute;
        padding: 20px;
        top: 50%;
        // width: 100%;
        div{
            background: rgb(68 66 66);
            border-radius: 20px;
            padding: 7px 8px;
            margin-left: 10px;

            img{
                width: 25px;
            }
        }
    }

    .change-dev-right{
        right: 0;
        position: absolute;
        padding: 20px;
        top: 50%;
        // width: 100%;
        div{
            background: rgb(68 66 66);
            border-radius: 20px;
            padding: 7px 8px;
            margin-left: 10px;

            img{
                width: 25px;
            }
        }
    }
        

    .dev-desc{
        position: absolute;
        padding: 20px;
        pointer-events: none;

        .dev-name{
            position: absolute;
            right: 25px;
            top: -10px;
            font-size: 18px;
            color: #07a9e6;
            font-weight: 900;
        }
    }
    
}